@charset "utf-8";
/* CSS Document */
.banner{position: relative;}
.banner .swiper-pagination-yi{position: absolute;bottom:40px;z-index: 10;text-align: center;}
.banner .swiper-slide{position: relative;text-align: center;}
.banner .swiper-slide img{max-width: 100%;height: 100vh; flex-direction:column; display:flex; justify-content:center; align-items:center;}
.banner .swiper-slide .pc{}
.banner .swiper-slide .m{display: none;}
.banner .swiper-slide .title{position: absolute;left: 0;top:40%;right: 0;}
.banner .swiper-slide .title .txtyi{line-height: 50px;}
.banner .swiper-slide .title .txtyi h2{font-size: 50px;transition: all 0.6s; letter-spacing: 3px;font-weight: 600;color: #ec3c01;}
.banner .swiper-slide .title .txtyi p{font-size: 26px;transition: all 0.6s;padding-top: 12px; letter-spacing: 2px; font-weight: 350; color: #222;}
.banner .swiper-slide .title .txter{padding-top: 5%;}
.banner .swiper-slide .title .txter h2{font-size: 30px;}
.banner .swiper-slide .title .txter p{font-size: 19px;}
.banner .swiper-slide .yi{color: #fff;}
.banner .swiper-pagination-yi .swiper-pagination-bullet{margin:0 5px;}
.banner .swiper-pagination-bullet{width: 10px;height: 10px;background: #333;border-radius: 10px;border:1px solid #333;}
.banner .swiper-pagination-bullet-active{background: #006fa5;opacity: 1;border:1px solid #006fa5;}

.banner .swiper-button-next,.banner .swiper-button-prev{background: none;width: 50px;height: 50px;text-align: center;line-height: 50px;margin-top: -25px;outline: medium;}
.banner .swiper-button-next i,.banner .swiper-button-prev i{font-size: 40px;color: #FFF;}


/*文字屑*/
.Titles{text-align: center; overflow: hidden;margin:15px 0;}
.Titles h2{ font-size:32px; text-align:center; color: #fff; line-height: 42px;}
.Titles .xian{ width:45px; height:1px; background:#ec3c01; margin:1% auto;}
.Titles .sit{ text-align:center; font-size: 15px;  line-height:27px; padding-bottom: 50px; color: #fff;}

.index_box{margin:0 auto; max-width: 80%}

.dyip{ background: url("../images/bg_1.jpg") no-repeat center;background-size: cover;-webkit-background-size: cover; height: 100vh;  flex-direction:column; display:flex; justify-content:center; align-items:center;overflow: hidden;}
.dyip ul{margin-left: -6%;}
.dyip li{width: 27.333%;float: left;overflow: hidden;margin-left: 6%; text-align: center; color: #fff; }
.dyip li .pic{overflow: hidden;border-radius: 20px}
.dyip li .pic img{width: 100%;transition: all 0.3s;}
.dyip li:hover .pic img{transform: scale(1.2);}
.dyip li .title{padding:35px 0 15px; font-size:30px; text-align: center; font-weight: 500; transition: all 0.3s;}
.dyip li .title a{color: #fff;}
.dyip li .title span{display: block; font-size: 14px; text-transform: uppercase; padding-top: 10px;color: #ccc;}
.dyip li p{font-size: 15px; line-height: 32px;}
.dyip li a{color: #444;overflow: hidden;}
.dyip li a:hover{color: #2fa8e1;text-decoration: none;}




.derp{ background: url("../images/bg_2.jpg") no-repeat center;background-size: cover;-webkit-background-size: cover;  flex-direction:column; display:flex; justify-content:center; align-items:center; height: 100vh; position: relative;overflow: hidden;}

.derp .swiper-container{width: 100%;height: auto;margin:0 auto; padding-bottom: 52px;}
.derp .swiper-slide{text-align: center;font-size: 18px;background: #fff;height: auto;/* Center slide text vertically*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position: relative;}

.derp img{max-width: 82%; margin: 1% auto; display: block;}
.derp .swiper-slide p{width: 100%;height: 45px; background: rgba(0,0,0,0.35);color: #fff; font-size: 16px; line-height: 45px; text-align: center; position: absolute; left: 0; bottom: 0;}

.derp .swiper-pagination-zi{position: absolute;bottom:0;z-index: 10;text-align: center;}
.derp .swiper-pagination-zi .swiper-pagination-bullet{margin:0 5px;}
.derp .swiper-pagination-bullet{width: 10px;height: 10px;background: #fff;border-radius: 10px;border:1px solid #fff;}
.derp .swiper-pagination-bullet-active{background: #006fa5;opacity: 1;border:1px solid #006fa5;}



.dsanp{ background: url("../images/bg_3.jpg") no-repeat center;background-size: cover;-webkit-background-size: cover;  flex-direction:column; display:flex; justify-content:center; align-items:center; height: 100vh; overflow: hidden;}
.dsanp .sy_about{width: 100%; overflow: hidden;}
.dsanp .sy_about .left_P{float: left; width: 43%;}
.dsanp .sy_about .left_P img{max-width: 100%;}
.dsanp .sy_about .left_W{float: left; width: 62%; line-height:36px; font-size: 16px; color: #000;}
.dsanp .sy_about .left_W span{display: block; font-size: 24px; font-weight: bold; line-height: 40px; margin-top:5px; padding-bottom: 12px;}
.dsanp .sy_about .left_W .wk_about_top{width: 100%;margin: 2% auto; padding-top: 16px; overflow: hidden;}
.dsanp .sy_about .left_W .wk_about_top a{float: left;margin-right: 52px;width: 110px;}
.dsanp .sy_about .left_W .wk_about_top img{max-width: 100%;}


.dsip{ background: url("../images/bg_4.jpg") no-repeat center;background-size: cover;-webkit-background-size: cover;  flex-direction:column; display:flex; justify-content:center; align-items:center; height: 100vh; overflow: hidden;}
.dsip .box{margin-top: 10px;}
.newrh{width:100%;transition:all 1s 0.4s;overflow: hidden;}
.newrh ul li{width:100%;padding:15px 0 15px 15px; box-sizing: border-box; overflow: hidden;}
.newrh ul li a{display:block;}
.newrh ul li a .npic{width:350px;float:left;overflow:hidden;}
.newrh ul li a .npic img{display:block;width:100%;height:100%;opacity:1;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;}
.newrh ul li a .ncon{width:60%;height:auto;border-right:1px solid #e6e6e6;padding-right:2%; float:left;margin-left:3%;}
.newrh ul li a .ncon .newname{font-size:18px;color:#fff;font-weight:bold;margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newrh ul li a .ncon .ntit{font-size:14px;color:#fff;line-height:30px;height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:15px 0 25px 0;}
.newrh ul li a .ncon .nmore{font-size:12px;color:#fff;}
.newrh ul li a .ntime{float:right; margin:3%}
.newrh ul li a .ntime .t1{font-size:20px;color:#fff;font-family:Arial;}
.newrh ul li a .ntime .t2{font-size:32px;color:#fff;font-weight:bold;font-family:Arial;padding-top: 25px;}
.newrh ul li:hover{background:#2ea3f7;padding:15px 0 15px 15px;}
.newrh ul li:hover .npic img{-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1);}
.newrh ul li:hover .ncon{border-right:1px solid #66b7f2;}



.dwup{ background: url("../images/bg_5.jpg") no-repeat center;background-size: cover;-webkit-background-size: cover;  flex-direction:column; display:flex; justify-content:center; align-items:center; height: 100vh; overflow: hidden;}

.ct_mode{width: 100%; margin-top: 45px; overflow: hidden;}
.ct_mode .ct_list{float:right; width:43%; margin-left:7%; margin-top: 85px; box-sizing: border-box; overflow: hidden;}
.ct_mode .ct_list h3{font-size: 23px; font-weight: bold; display: block; margin:12px 0 22px; color: #666;padding-left:0;}
.ct_mode .ct_list ul li{width:100%;float:left; padding-bottom: 5px; line-height: 50px; box-sizing: border-box; border-bottom: 0px solid #002f5d; font-size: 16px;color:#666;}
.ct_mode .ct_list ul li span{display:inline-block;width:30px;height:30px; padding-right: 18px;}
.ct_mode .ct_list ul li span img{max-width:100%; vertical-align: middle;}
.ct_mode .ct_list ul li h4{font-size:16px;color:#fff;margin:12px auto;font-weight: bold;}
.ct_mode .ct_list ul li p{font-size:15px;color:#eee; line-height: 30px;}
.ct_mode .ct_list .ewm{width: 130px; margin-top: 28px; display: inline-block; background: #fff; padding: 5px; }
.ct_mode .ct_list .ewm img{max-width: 100%;}

.ct_mode .ct_map{float:left; width: 50%;overflow: hidden;}
#map_container{height: 100vh;}
/**/
.banner_ny{margin-top: 90px; overflow: hidden; position: relative;}
.banner_ny .ba_img img{max-width: 100%;}
.banner_ny .index_box{width: 100%; max-width: 100%;position: absolute; left: 0; bottom: 0;}

/* 内页公用菜单 */
.subnav_er{height: 95px; width: 100%;}
.subnav_er ul{font-size: 0px;text-align: center;}
.subnav_er li{display: inline-block;font-size: 16px;overflow: hidden;width: 152px; background: #fff; border-radius: 22px; margin: 0 6px; line-height: 44px; box-shadow: 0 2px 5px #aaa;}
.subnav_er li:last-child{border-right: none;}
.subnav_er li a{display: block;color: #ec3c01;line-height: 44px;font-weight:bold;}
.subnav_er li i{font-size: 24px;display: block;padding-top: 30px;padding-bottom: 5px;}
.subnav_er li a:hover{display: block;text-decoration: none;color: #FFF;background: #ec3c01;}
.subnav_er li a.current{background: #ec3c01; color: #FFF;}

.I-title{text-align:center;line-height:32px;color:#666666; margin-bottom: 30px;} 
.I-title h2{line-height:52px;font-size:32px;color:#222;margin:0 0 5px;}
.I-title.It2{color:#dbdbdb;}
.I-title.It2 h2{color:#fff;}
.I-title i{display:block;width:45px;height:4px;background:#ec3c01;margin:10px auto 0;}


.main-about{background-color: #fff; padding:30px 0;overflow: hidden;}
.main-about .profile{margin:15px 0;line-height:35px; font-size: 16px; color: #222; overflow:hidden;}
.main-about .profile img{max-width: 100%; margin: 8px auto; display: block;}

.main-about .profile table{width:100%; margin:0 auto;} 
.main-about .profile table tr td{width:33%; padding: 6px;}

.Ulimg{margin-top:20px;overflow: hidden;}
.Ulimg ul{ margin-left:-2%;}
.Ulimg li{ float:left; width:23%; margin-left:2%; text-align:center; margin-bottom:1%; box-sizing: border-box; }
.Ulimg li img{ max-width:100%;}
.Ulimg li span{display:block; line-height:24px; font-size:15px; padding: 10px 0; }

.honor{margin-top:20px;overflow: hidden;}
.honor ul{ margin-left:-2%;}
.honor li{display: inline-block;width:17.8%; margin-left:2%; text-align:center; margin-bottom:.5%; box-sizing: border-box; }
.honor li img{ max-width:96%; border: 5px solid #000;}
.honor li span{display:block; line-height:24px; font-size:15px; padding: 10px 0; }


.products{  width:100%;  margin-top: 20px; overflow:hidden;}
.products ul:after{ content:""; display:block; clear:both;}
.products ul{ display:block; margin-bottom:-1px;}
.products ul li{ display:block;border:1px solid #eaeaea;width:25%; float:left;box-sizing: border-box;}
.products ul li a{position: relative; text-align:center; display: block;overflow: hidden;transition: all ease .4s;}
.products ul li a .tu{ background-position:center; background-repeat:no-repeat; background-size:cover;}
.products ul li a .tu img{ display:block; opacity:1; width:82%; margin: 12px auto;}
.products ul li a .text{ padding:10px;}
.products ul li a .text .title{ color:#444444; height:30px; line-height:30px; overflow:hidden; font-size:16px; margin-bottom:10px;}
.products ul li a .text .demo{ padding:0 10px; color:#0073dc; font-size:12px; height:60px;}


.products ul li a.a1:after{ content:""; position: absolute;  z-index:1;top: 0px;left: 0%;width: 100%;height: 100%;background-color:rgba(19,123,174,0.67);transform:translate(-110%,0%);transition:all .4s;}
.products ul li a.a1:hover:after{ content:"";transform:translate(0%,0%);transition:all .4s;}

.products ul li a p{position: absolute;top: 50%;left: 0;right: 0;z-index: 3;padding: 0px 20px;margin: 0px;font-size: 18px;line-height: 50px;color: #fff;text-align: center;opacity: 0;transform:translate(0%,-50%);transition: all ease 0.4s;}
.products ul li a:hover p{opacity: 1;transition-delay: 0.2s;}
.products ul li a:hover .text{opacity:0;}



.product_details{width:100%; margin-bottom: 28px; background:#f5f5f5; overflow: hidden;}
.product_details .details_pic{float: left; width:50%; padding:2%;box-sizing: border-box;}
.product_details .details_pic img{display: block;width:100%;height: auto; margin: 0 auto;}
.product_details .details_top{float: right; width:50%;padding:2%;box-sizing: border-box;}
.product_details .details_top h5{font-size:30px;color:#333;margin-bottom:25px;padding:15px 0 25px;position:relative;}
.product_details .details_top h5:before{position:absolute;content:"";width:30px;height:2px;background:#ec3c01;left:0;bottom:0;}
.product_details .details_top .pwxx{font-size:15px;color:#222;line-height:32px;margin:0;}

.product_details .details_box{padding:1.5%; overflow: hidden;}
.product_details .details_box .tits{border-bottom: 1px solid #137bae; line-height: 42px; height: 42px;}
.product_details .details_box .tits span{width:125px; background: #137bae; display: block;font-size: 18px;text-align: center; color: #fff;}
.product_details .details_box .details_text{padding:15px 0; font-size:15px; line-height:32px;}
.product_details .details_box .details_text img{display: block;max-width: 100%;height: auto;}

.product_details .details_box .details_text table{border-left: 1px solid #000;border-top:1px solid #000; width: 100%;}
.product_details .details_box .details_text table td{border-right: 1px solid #000;border-bottom:1px solid #000; padding: 6px; line-height: 34px; text-align:center; }

.product_details .details_box .details_text table tr:nth-child(1){background: #2fa8e1; color: #fff; font-size: 18px; }


/*news*/
.news_con {width:100%;overflow: hidden;}
.news_con li{width: 100%;box-sizing: border-box; border-bottom: 1px solid #dcdcdc;padding: 20px 0; transition: all 0.3s;position: relative;}
.news_pic{width: 22%;float: left;overflow: hidden;}
.news_pic img{display: block;width: 100%;transition: all 0.3s;}
.news_desc{width:62%;float: left; margin: 0 0 0 3.5%; box-sizing: border-box;}
.news_desc h3{color: #353739;font-size: 18px;line-height:32px;margin-bottom: 13px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: all 0.3s;}
.news_desc p{color: #444;font-size: 14px; line-height:30px;height: 90px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;transition: all 0.3s; }
.news_con .date{text-align:center;position:absolute;right:0;top:33px;}
.news_con .date .day{line-height:57px;font-size:56px;}
.news_con .date .split{display:block;height:1px;background:#000000;margin:10px 0;}
.news_con .date .year{line-height:27px;height:27px;font-size:19px;}
.news_con .news_desc h3:hover{color:#ff6d15;}


.NewsDetailed{ width:100%;overflow: hidden;}
.NewsDetailed h4{line-height:32px;margin-bottom:10px;text-align:center;font-size:18px;font-weight:600;color:#444;}
.NewsShowHits{padding-bottom:15px;text-align:center;border-bottom:1px #DEDEDE solid;color:#777;font-size:13px;}
.NewsDetailed-content{line-height:32px;padding-top:15px;padding-bottom:10px;margin-bottom:10px;font-size:15px;text-align:left; color: #555;}
.NewsDetailed-content img {max-width:100%;margin:10px auto;text-align:center;display:table-cell;clear:both;overflow:hidden;}


.fanhui{float:right;width:126px;margin:0 auto;position:relative;}
.fanhui a{ position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0; text-align:center;background:#444;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}

.PreveNext {border-top:1px #DEDEDE solid; margin:0px auto;width:100%;height:auto;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;height:70px;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left;}


/*视频列表*/
.videoList{ margin:25px 0; overflow:hidden;}
.videoList ul {margin-right:-3%; overflow:hidden;}
.videoList ul li{ float:left; width:30.333%; margin-right:3%; margin-bottom:2%; overflow:hidden; position:relative;}
.videoList ul li .box{ cursor:pointer; overflow:hidden;}
.videoList ul li img{display: block;width: 100%; height:100%;-webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out; transition:all 1s ease-in-out;}
.videoList ul li .imgs{ overflow:hidden; width:100%; position:relative;}
.videoList ul li .imgs img{ display:block; width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.videoList ul li .imgs h2{ font-weight:normal; text-align:center; position:absolute; width:100%; bottom:0; left:0; height:50px; line-height:50px; overflow:hidden; background:rgba(0, 0, 0, 0.5); color:#FFF; font-size:16px;  transition: all 0.3s; z-index:1;white-space:nowrap;text-overflow:ellipsis; }
.videoList ul li .imgs .bgs{ position:absolute; width:100%; height:100%; top:0; left:0;background:rgba(0, 0, 0, 0.4);opacity:0;filter:Alpha(opacity=0); transition:all 0.3s;}
.videoList ul li .imgs .bgs i{ width:61px; height:61px; position:absolute; left:50%; top:0;transform: translate(-50%, 0%); background:url(../images/video_bg1.png) no-repeat; background-size:100% 100%;transition:all 0.3s;}
.videoList ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.videoList ul li:hover .imgs .bgs{opacity:1.0;filter:Alpha(opacity=100);}
.videoList ul li:hover .bgs i{transform: translate(-50%, -50%); top:50%;}


.videolist{ position:relative; float:left; width:30.333%; height:auto; margin-right:3%;  margin-bottom:30px; overflow: hidden;}
.videolist:hover{ cursor: pointer; }
.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; }
.videos{ display:none; position:fixed; left:50%; top:50%;  margin-left:-320px; margin-top:-250px; z-index:100; width:640px; height:500px; }
.videos video{width:100%; height:500px; background: #000;}
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
.vtit{padding: 10px 0; font-size: 15px; line-height: 30px;}



/*联系我们*/
.contact-box{width: 100%;overflow: hidden;}
.cal_content1 {padding-bottom:35px;overflow: hidden;}
.cal_content1 .fxs{float: left; width: 55%; } 
.cal_content1 .fxs:first-child{ padding-top: 25px;line-height:40px;font-size: 16px;width: 45%;}

.cal_content1:last-child{padding-bottom: 0;}
#lmap_container{height: 500px;}


/*feedback*/
.content_box{margin-top:35px; overflow: hidden;}
.content_box .messages_box{width:auto;padding:0 0 10px 0;}
.content_box .messages_box ul{width:100%;}
.content_box .messages_box ul li{padding:5px 28px 5px 5px;}
.content_box .messages_box .text-input,.content_box .messages_box .summary-input,.content_box .messages_box .qq-input{width:100%;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .cont-input{width:100%;height:130px;padding:10px;line-height:20px;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .code-input{width:125px;vertical-align:middle;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;}
.content_box .messages_box .verify-pic{height:35px;vertical-align:middle;}
.content_box .messages_box .submitBtn{text-align:center;padding-top:10px;}
.content_box .messages_box .messages-button{width:125px;height:34px;line-height:34px;font-size:16px;color:#fff;text-align:center;background:none repeat scroll 0% 0% #ec3c01;border:none;}